import React, { Component } from 'react';

class App extends Component {

  state = {
    count: 100
  }

  add = ()=>{
    console.log('被点击了', this);
  }

  render() {
    return (
      <div>

        <h1>{this.state.count}</h1>
        <button onClick={this.add}>点击增加</button>

        <a href='https://www.baidu.com' onClick={(event)=>{
          // 如果业务逻辑不是特别的复杂，建议直接写行内事件
          // 直接在这里进行处理即可

          // SyntheticBaseEvent 是 react 中的事件对象，该事件对象是一个合成的事件对象
          // 也就是说在原生的事件对象上面有做了一些属性或者方法的添加
          console.log(event.isDefaultPrevented());

          event.preventDefault()

          // 比如新增方法 isDefaultPrevented 可以用来查看是否有阻止默认事件
          console.log(event.isDefaultPrevented());

          // 可以通过该方法获取到原生事件对象
          console.log(event.nativeEvent);

        }}>点击增加</a>
      </div>
    );
  }
}

export default App;
